import { Resizable } from 'react-resizable';
import React, { useEffect, useState } from 'react';
import { ProFormText, ProFormDateTimePicker } from '@ant-design/pro-components';
import './index.less';
export default function applyLeave() {
  return (
    <div className="applyLeave">
      <div className="applyleave">
        <button>保存</button>
        <button>保存且新增</button>
        <button>草稿箱</button>
        <button>导入</button>
      </div>
      <div className="applyLeaveContent">
        <h1>直接出账</h1>
        <table className="table">
          <thead>
            <th colSpan={8}>基本信息</th>
          </thead>
          <tbody>
            <tr>
              <td>
                <span>*</span> 单据主题：
              </td>
              <td>
                <ProFormText placeholder={''} value={''} />
              </td>
              <td>单据编号：</td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  disabled
                  placeholder={'保存后自动生成'}
                  value={''}
                  onChange={(e: any) => {}}
                />
              </td>
              <td>
                <span>*</span> 领料日期：
              </td>
              <td>
                <ProFormText name="department" value={''} placeholder="" />
              </td>
              <td>来源单据类型：</td>
              <td>
                <ProFormText
                  name="department"
                  value={'无来源'}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>
                <span>*</span> 来源单据：
              </td>
              <td>
                <ProFormText placeholder={''} value={''} />
              </td>
              <td>领料数量合计：</td>
              <td>
                <ProFormText
                  name="anumber"
                  disabled
                  placeholder={''}
                  value={''}
                />
              </td>
              <td>制单日期：</td>
              <td>
                <ProFormText
                  name="department"
                  value={new Date()}
                  placeholder=""
                  disabled
                />
              </td>
              <td>制单人员：</td>
              <td>
                <ProFormText
                  name="department"
                  value={'张妍'}
                  placeholder=""
                  disabled
                />
              </td>
            </tr>
            <tr>
              <td>备注：</td>
              <td colspan={8}>
                <input type="text" value={''} />
              </td>
            </tr>
          </tbody>
        </table>
   
        <table className="table0">
          <tbody>
            <tr>
              <td colspan={9}>
                附件上传<button>批量上传</button>
              </td>
            </tr>
            <tr>
              <td>文件名称</td>
              <td>文件大小</td>
              <td>上传人</td>
              <td>上传时间</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td colspan={9}></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
}
